<template>
    <view class="webIndex-study" >
      <view v-if="isOk">
        <u-image class="long-img" :src="`${proxyUrl}/static/zhaohui.png`" mode="widthFix" :fade="true" >
          <view slot="loading" style="width:100vw;height: 100vh;" >
            <view style="width:100vw;height: 100vh;display: flex;justify-content: center;align-items: center;" >
              <u-loading size="100"></u-loading>
            </view>
          </view>
        </u-image>
      </view>
      <view v-else>
        <u-image :src="`${proxyUrl}/static/banner.png`" mode="widthFix" :fade="true" >
          <view slot="loading" style="width:100vw;height: 100vh;" >
              <u-loading size="100"></u-loading>
          </view>
        </u-image>
<!--        <view class="study-title" style="text-align: center;">-->
<!--          骑手学习中心-->
<!--        </view>-->
        <view class="study-content">
<!--          <u-alert-tips description="企业简介" type="warning" @click="clickItem(0)"/>-->
          <u-alert-tips description="专送骑手入门课程" type="warning" @click="clickItem(0)"/>
          <u-alert-tips description="专送骑手进阶技能课程" type="warning" @click="clickItem(1)"/>
          <u-alert-tips description="专送骑手高阶课程" type="warning" @click="clickItem(2)"/>
        </view>
      </view>
    </view>
</template>

<script>
export default {
  name: "webIndex-study",
  data() {
    return {
      isOk:true,
      proxyUrl:(window.location.href.includes('/xsdcrm-wechat-ui/')?'/xsdcrm-wechat-ui/': ''),
    }
  },
  onLoad(option) {
    if (option.type == '1') {
      this.isOk = false
    }
  },
  methods:{
    clickItem(i) {
      uni.navigateTo({
        url: `/pages/rider-center/webIndex-studyList?type=${i}`
      })
    }
  }
}
</script>

<style scoped lang="scss">
  .webIndex-study{
    width: 100%;
    height: 100vh;
    overflow: auto;
    //background-image: linear-gradient(to bottom, #257FFF, #fff);
  }
  .long-img /deep/.u-image__loading{
    width:100%;
    height:100vh;
  }
  .study-title{
    font-size: 60rpx;
    font-weight: 550;
    margin: 30rpx 0;
  }
  /deep/.u-alert-tips{
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 60rpx;
    background-color: #f29100;
    padding: 26rpx;
    width: 95%;
  }
  .study-content{
    margin-top: 70rpx;
      /deep/.u-alert-desc{
        font-size: 46rpx;
        font-weight: 550;
        color: #fff9f9;

      }
  }
  /deep/.u-alert-tips{
    padding: 100rpx;
  }
</style>
